@extends('default.mobile.layouts.personalPublic')
@section('title','404')
@section('tag','404')

{{--首页css--}}
@section('headcss')
    @parent
    <style>
        html, body{
            height:100%;
        }
        body{
            width:100%;
            color:#B0BEC5;
            display:table;
            font-weight:100;
        }
        .container{
            text-align:center;
            display:table-cell;
            vertical-align:middle;
        }
        .content{
            text-align:center;
            display:inline-block;
        }
        .title{
            font-size:.36rem;
            margin-bottom:.4rem;
        }
        .title img{
            width:100%;
            max-width:7.2rem;
        }
        .title button{
            background-color:#00c6c9;
            border-radius:.1rem;
            color:#fff;
            font-size:.36rem;
            border:none;
            height:0.8rem;
            width:3rem;
            margin-top:.55rem;
        }
    </style>
@endsection
{{--头部标签--}}
@section('tag','404')

{{--主体内容--}}
@section('content')
    <div class="container">
        <div class="content">
            <div class="title">
                <img src="{{ asset("/default/images/mobile/layout/404.png") }}">
                <p>对不起,{{$exception}}</p>
                <p>
                    <button onclick="javascript:location.href='{{url('mobile')}}';">返回首页</button>
                </p>
            </div>
        </div>
    </div>
@endsection
